<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>Elements</title>

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" type="text/css" media="all" href="http://fonts.googleapis.com/css?family=Dosis:400,700">
	<link rel="stylesheet" type="text/css" media="all" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700">
	
	<link rel="stylesheet" type="text/css" media="all" href="css/motioncss.css">
	<link rel="stylesheet" type="text/css" media="all" href="css/motioncss-widgets.css">
	
	<link rel="stylesheet" type="text/css" media="all" href="css/font-awesome.css">
	<link rel="stylesheet" type="text/css" media="all" href="css/magnific-popup.css">
	<link rel="stylesheet" type="text/css" media="all" href="css/jquery.jgrowl.css">
	<link rel="stylesheet" type="text/css" media="all" href="css/style.css">
	<link rel="stylesheet" type="text/css" media="all" href="css/responsive.css">
	<link rel="stylesheet" type="text/css" media="all" href="css/colors/color_0.css">

	<script type="text/javascript" src="js/modernizr.js"></script>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script type="text/javascript" src="js/mediaelement-and-player.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.carousello.js"></script>
	<script type="text/javascript" src="js/jquery.isotope.js"></script>
	<script type="text/javascript" src="js/jquery.magnific-popup.js"></script>
	<script type="text/javascript" src="js/jquery.jgrowl.js"></script>
	<script type="text/javascript" src="js/jquery.parallax.js"></script>
	<script type="text/javascript" src="js/jquery.queryloader2.js"></script>
	<script type="text/javascript" src="js/waypoints.min.js"></script>
	<script type="text/javascript" src="js/responsive.js"></script>
	<script type="text/javascript" src="js/plugins.js"></script>
	<script type="text/javascript" src="js/us.widgets.js"></script>

</head>
<body class="l-body headertype_sticky headerpos_top">

<!-- HEADER -->
<div class="l-header">
	<div class="l-header-h">

		<!-- subheader -->
		<div class="l-subheader">
			<div class="l-subheader-h i-cf">
			
				<!-- logo -->
				<div class="w-logo">
					<div class="w-logo-h">
						<a class="w-logo-link" href="#">
							<img class="w-logo-img" src="img/logo_0.png" alt="CORSA">
							<span class="w-logo-title">
								<span class="w-logo-title-h">CORSA</span>
							</span>
						</a>
					</div>
				</div>
			
				<!-- nav -->
				<nav class="w-nav">
					<div class="w-nav-h">
						<div class="w-nav-control">
							<i class="fa fa-bars"></i>
						</div>
						<div class="w-nav-list layout_hor width_auto level_1">
							<div class="w-nav-list-h">
								<div class="w-nav-item level_1 with_sublevel">
									<div class="w-nav-item-h">
										<a href="index.html" class="w-nav-anchor level_1"><span class="w-nav-title">Home</span><span class="w-nav-hint"></span></a>
										
										<!-- level 2 -->
										<div class="w-nav-list place_down show_onhover level_2">
											<div class="w-nav-list-h">
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="index.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 1</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-2.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 2</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-3.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 3</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-4.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 4</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-5.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 5</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-6.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 6</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<!--
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-7.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 7</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												<div class="w-nav-item level_2">
													<div class="w-nav-item-h">
														<a href="home-8.html" class="w-nav-anchor level_2"><span class="w-nav-title">Home - Version 8</span><span class="w-nav-hint"></span></a>
													</div>
												</div>
												-->
											</div>
										</div>
										
									</div>
								</div>
								<div class="w-nav-item level_1">
									<div class="w-nav-item-h">
										<a href="index.html#about" class="w-nav-anchor level_1"><span class="w-nav-title">About</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
								<div class="w-nav-item level_1">
									<div class="w-nav-item-h">
										<a href="index.html#team" class="w-nav-anchor level_1"><span class="w-nav-title">Our Team</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
								<div class="w-nav-item level_1">
									<div class="w-nav-item-h">
										<a href="index.html#portfolio" class="w-nav-anchor level_1"><span class="w-nav-title">Portfolio</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
								<div class="w-nav-item level_1">
									<div class="w-nav-item-h">
										<a href="index.html#services" class="w-nav-anchor level_1"><span class="w-nav-title">Services</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
								<div class="w-nav-item level_1">
									<div class="w-nav-item-h">
										<a href="index.html#blog" class="w-nav-anchor level_1"><span class="w-nav-title">Blog</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
								<div class="w-nav-item level_1">
									<div class="w-nav-item-h">
										<a href="index.html#contact" class="w-nav-anchor level_1"><span class="w-nav-title">Contact</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
								<div class="w-nav-item level_1 active">
									<div class="w-nav-item-h">
										<a href="elements.html" class="w-nav-anchor level_1"><span class="w-nav-title">Elements</span><span class="w-nav-hint"></span></a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</nav>

			</div>
		</div>

	</div>
</div>
<!-- /HEADER -->

<!-- MAIN -->
<div class="l-main">
	<div class="l-main-h">
	
		<section class="l-section">
			
			<div class="l-subsection">
				<div class="l-subsection-h">
					<div class="l-subsection-hh g-html i-cf">
					
						<h1><strong>Elements</strong></h1>

						<div class="g-hr type_short">
							<span class="g-hr-h">
								<i class="fa fa-chevron-down"></i>
							</span>
						</div>

						<h2>Buttons</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Buttons -->
						<button class="g-btn type_default size_small"><span>Default Color</span></button>
						<button class="g-btn type_default size_small"><span><i class="fa fa-chevron-down"></i>Default Color</span></button>

						<button class="g-btn type_primary size_small"><span>Primary Color</span></button>
						<button class="g-btn type_primary size_small"><span><i class="fa fa-heart"></i>Primary Color</span></button>

						<button class="g-btn type_secondary size_small"><span>Secondary Color</span></button>
						<button class="g-btn type_secondary size_small"><span><i class="fa fa-rocket"></i>Secondary Color</span></button>

						<div class="g-hr type_invisible"></div>

						<button class="g-btn type_default"><span>Default Color</span></button>
						<button class="g-btn type_default"><span><i class="fa fa-arrow-down"></i>Default Color</span></button>

						<button class="g-btn type_primary"><span>Primary Color</span></button>
						<button class="g-btn type_primary"><span><i class="fa fa-beer"></i>Primary Color</span></button>
						<br>
						<button class="g-btn type_secondary"><span>Secondary Color</span></button>
						<button class="g-btn type_secondary"><span><i class="fa fa-leaf"></i>Secondary Color</span></button>

						<div class="g-hr type_invisible"></div>

						<button class="g-btn type_default size_big"><span>Default Color</span></button>
						<button class="g-btn type_default size_big"><span><i class="fa fa-cog"></i>Default Color</span></button>
						<button class="g-btn type_primary size_big"><span>Primary Color</span></button>
						<button class="g-btn type_primary size_big"><span><i class="fa fa-star"></i>Primary Color</span></button>

						<button class="g-btn type_secondary size_big"><span>Secondary Color</span></button>
						<button class="g-btn type_secondary size_big"><span><i class="fa fa-pencil"></i>Secondary Color</span></button>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Single Icons</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Single Icons -->
						<span class="w-icon size_tiny">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_small color_border">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_medium color_primary">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_big color_secondary">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_huge color_fade">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_tiny with_circle">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_small color_border with_circle">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_medium color_primary with_circle">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_big color_secondary with_circle">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<span class="w-icon size_huge color_fade with_circle">
							<a class="w-icon-link" href="javascript:void(0)">
								<i class="fa fa-star"></i>
							</a>
						</span>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-heart"></i>
							</span>
						</div>

						<h2>Tabs</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Tabs -->
						<div class="w-tabs">
							<div class="w-tabs-h">

								<div class="w-tabs-list">
									<div class="w-tabs-item active">
										<span class="w-tabs-item-icon"></span>
										<span class="w-tabs-item-title">Tab Title</span>
									</div>

									<div class="w-tabs-item">
										<span class="w-tabs-item-icon"></span>
										<span class="w-tabs-item-title">Second Tab</span>
									</div>

									<div class="w-tabs-item with_icon">
										<span class="w-tabs-item-icon fa fa-edit"></span>
										<span class="w-tabs-item-title">Another Tab Title</span>
									</div>
								</div>

								<div class="w-tabs-section active">
									<div class="w-tabs-section-title">
										<span class="w-tabs-section-title-icon"></span>
										<span class="w-tabs-section-title-text">Tab Title</span>
										<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
									</div>
									<div class="w-tabs-section-content">
										<div class="w-tabs-section-content-h">
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
										</div>
									</div>
								</div>

								<div class="w-tabs-section">
									<div class="w-tabs-section-title">
										<span class="w-tabs-section-title-icon"></span>
										<span class="w-tabs-section-title-text">Second Tab</span>
										<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
									</div>
									<div class="w-tabs-section-content">
										<div class="w-tabs-section-content-h">
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
											<div class="g-cols">
												<div class="one-half">
													<h5>One Half</h5>
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.</p>
												</div>
												<div class="one-half">
													<h5>One Half</h5>
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.</p>
												</div>
											</div>
										</div>
									</div>
								</div>

								<div class="w-tabs-section with_icon">
									<div class="w-tabs-section-title">
										<span class="w-tabs-section-title-icon fa fa-edit"></span>
										<span class="w-tabs-section-title-text">Another Tab Title</span>
										<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
									</div>
									<div class="w-tabs-section-content">
										<div class="w-tabs-section-content-h">
											<div class="g-cols">
												<div class="one-third">
													<h5>One Third</h5>
													<p>Accusamus et hic inventore iure iusto modi reprehenderit soluta. Aliquam,
														assumenda at consequuntur cumque, enim, explicabo iusto libero maiores nisi
														numquam odio porro praesentium.</p>
												</div>
												<div class="one-third">
													<h5>One Third</h5>
													<p>At delectus doloremque dolores explicabo laudantium minima qui. Animi aperiam
														aspernatur atque debitis distinctio impedit inventore iure labore modi omnis,
														optio rerum ut veritatis?</p>
												</div>
												<div class="one-third">
													<h5>One Third</h5>
													<p>Accusamus et hic inventore iure iusto modi reprehenderit soluta. Aliquam,
														assumenda at consequuntur cumque, enim, explicabo iusto libero maiores nisi
														numquam odio porro praesentium.</p>
												</div>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Accordion & Toggles</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Accordion & Toggles -->
						<div class="g-cols">
							<div class="one-half">

								<div class="w-tabs layout_accordion">
									<div class="w-tabs-h">
										<div class="w-tabs-section active">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon"></span>
												<span class="w-tabs-section-title-text">Our Company Mission</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat.</p>
												</div>
											</div>
										</div>
										<div class="w-tabs-section">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon"></span>
												<span class="w-tabs-section-title-text">Title Goes Here</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo.</p>
													<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate	dolore eveniet quis, quos tempore temporibus ut.</p>
												</div>
											</div>
										</div>
										<div class="w-tabs-section">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon"></span>
												<span class="w-tabs-section-title-text">The Vittoria Philosophy</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat.</p>
												</div>
											</div>
										</div>
										<div class="w-tabs-section">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon"></span>
												<span class="w-tabs-section-title-text">Another Tab Title</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.</p>
												</div>
											</div>
										</div>
									</div>
								</div>

							</div>
							<div class="one-half">

								<div class="w-tabs layout_accordion type_toggle">
									<div class="w-tabs-h">
										<div class="w-tabs-section with_icon active">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon fa fa-flask"></span>
												<span class="w-tabs-section-title-text">Our Company Mission</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat.</p>
												</div>
											</div>
										</div>
										<div class="w-tabs-section with_icon">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon fa fa-book"></span>
												<span class="w-tabs-section-title-text">Title Goes Here</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.</p>
													<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate	dolore eveniet quis, quos tempore temporibus ut.</p>
												</div>
											</div>
										</div>
										<div class="w-tabs-section with_icon">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon fa fa-trophy"></span>
												<span class="w-tabs-section-title-text">The Vittoria Philosophy</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat.</p>
												</div>
											</div>
										</div>
										<div class="w-tabs-section with_icon">
											<div class="w-tabs-section-title">
												<span class="w-tabs-section-title-icon fa fa-cog"></span>
												<span class="w-tabs-section-title-text">Another Tab Title</span>
												<span class="w-tabs-section-title-control"><i class="fa fa-angle-down"></i></span>
											</div>
											<div class="w-tabs-section-content">
												<div class="w-tabs-section-content-h">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.</p>
												</div>
											</div>
										</div>
									</div>
								</div>

							</div>

						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Iconboxes</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Iconboxes -->
						<div class="g-cols">
							<div class="one-third">
								<div class="w-iconbox iconpos_top with_circle">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-group"></i>
											</div>
											<h4 class="w-iconbox-title">Social</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_top with_circle">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-file-text"></i>
											</div>
											<h4 class="w-iconbox-title">Content</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Working with us you will work with professional certified designers and engineers having the vast good experience.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_top with_circle">
									<div class="w-iconbox-h">
										<div class="w-iconbox-link">
											<div class="w-iconbox-icon">
												<i class="fa fa-rocket"></i>
											</div>
											<h4 class="w-iconbox-title">Innovation</h4>
										</div>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h"></span>
						</div>

						<div class="g-cols">
							<div class="one-third">
								<div class="w-iconbox iconpos_top">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-film"></i>
											</div>
											<h4 class="w-iconbox-title">Motion</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_top">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-road"></i>
											</div>
											<h4 class="w-iconbox-title">Marketing</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Working with us you will work with professional certified designers and engineers having the vast good experience.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_top">
									<div class="w-iconbox-h">
										<div class="w-iconbox-link">
											<div class="w-iconbox-icon">
												<i class="fa fa-bar-chart-o"></i>
											</div>
											<h4 class="w-iconbox-title">Analytics</h4>
										</div>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h"></span>
						</div>

						<div class="g-cols">
							<div class="one-third">
								<div class="w-iconbox iconpos_left with_circle">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-puzzle-piece"></i>
											</div>
											<h4 class="w-iconbox-title">Strategy</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_left with_circle">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-briefcase"></i>
											</div>
											<h4 class="w-iconbox-title">Design and UX</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Working with us you will work with professional certified designers and engineers having the vast good experience.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_left with_circle">
									<div class="w-iconbox-h">
										<div class="w-iconbox-link">
											<div class="w-iconbox-icon">
												<i class="fa fa-gears"></i>
											</div>
											<h4 class="w-iconbox-title">Technology</h4>
										</div>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h"></span>
						</div>

						<div class="g-cols">
							<div class="one-third">
								<div class="w-iconbox iconpos_left">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-plane"></i>
											</div>
											<h4 class="w-iconbox-title">From Zero to One</h4>
										</a>
										<div class="w-iconbox-text">
											<p>We are moving from zero to one, not from one to hundred. That means we are focused on creating new solutions, not copying the existing ones.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_left">
									<div class="w-iconbox-h">
										<a class="w-iconbox-link" href="javascript:void(0)">
											<div class="w-iconbox-icon">
												<i class="fa fa-thumbs-up"></i>
											</div>
											<h4 class="w-iconbox-title">Our Level Up</h4>
										</a>
										<div class="w-iconbox-text">
											<p>Working with us you will work with professional certified designers and engineers having the vast good experience.</p>
										</div>
									</div>
								</div>
							</div>
							<div class="one-third">
								<div class="w-iconbox iconpos_left">
									<div class="w-iconbox-h">
										<div class="w-iconbox-link">
											<div class="w-iconbox-icon">
												<i class="fa fa-heart"></i>
											</div>
											<h4 class="w-iconbox-title">Your satisfaction</h4>
										</div>
										<div class="w-iconbox-text">
											<p>Creating a design it is not an end in itself, but a means. We understand the rules of the games. It’s about to make you happy.</p>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Action Boxes</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Action Boxes -->
						<div class="w-actionbox controls_aside">
							<div class="w-actionbox-h">
								<div class="w-actionbox-text">
									<h3>ActionBox with Default Theme Colors</h3>
								</div>
								<div class="w-actionbox-controls">
									<a class="w-actionbox-button g-btn type_primary size_big" href="http://themeforest.net/item/astra-responsive-multipurpose-html-template/5562978?ref=upsolution" target="_blank"><span>Purchase Now</span></a>
								</div>
							</div>
						</div>

						<div class="g-hr type_invisible"></div>

						<div class="w-actionbox controls_aside color_primary">
							<div class="w-actionbox-h">
								<div class="w-actionbox-text">
									<h3>ActionBox with Primary Theme Colors</h3>
									<p>It has some awesome features, unlimited colors, advanced theme options and so much more!</p>
								</div>
								<div class="w-actionbox-controls">
									<a class="w-actionbox-button g-btn type_primary size_big" href="http://themeforest.net/item/astra-responsive-multipurpose-html-template/5562978?ref=upsolution" target="_blank"><span>Purchase Now</span></a>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Counters</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Counters -->
						<div class="g-cols">
							<div class="one-fourth">
								<div class="w-counter">
									<div class="w-counter-h">
										<div class="w-counter-number">345</div>
										<h6 class="w-counter-title">Pizzas ordered</h6>
									</div>
								</div>
							</div>
							<div class="one-fourth">
								<div class="w-counter">
									<div class="w-counter-h">
										<div class="w-counter-number">87</div>
										<h6 class="w-counter-title">Clients we've worked with</h6>
									</div>
								</div>
							</div>
							<div class="one-fourth">
								<div class="w-counter">
									<div class="w-counter-h">
										<div class="w-counter-number">126</div>
										<h6 class="w-counter-title">Projects completed</h6>
									</div>
								</div>
							</div>
							<div class="one-fourth">
								<div class="w-counter">
									<div class="w-counter-h">
										<div class="w-counter-number">50</div>
										<h6 class="w-counter-title">Magazines published</h6>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Testimonials</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Testimonials -->
						<div class="w-testimonial">
							<div class="w-testimonial-h">
								<div class="w-testimonial-text">To anybody thinking of buying this theme – buy it! The theme itself is amazing, and on top of that, the support is outstanding! I wanted some features put in, and the theme developer was more than willing to help me out!</div>
								<div class="w-testimonial-person">
									<i class="fa fa-user"></i>
									<span class="w-testimonial-person-name">Anna Zuckerberg</span>
									<span class="w-testimonial-person-meta">(one of our clients)</span>
								</div>
							</div>
						</div>

						<div class="g-hr type_invisible"></div>

						<div class="g-cols">
							<div class="one-half">
								<div class="w-testimonial">
									<div class="w-testimonial-h">
										<div class="w-testimonial-text">To anybody thinking of buying this theme – buy it! The theme itself is amazing, and on top of that, the support is outstanding! I wanted some features put in, and the theme developer was more than willing to help me out!</div>
										<div class="w-testimonial-person">
											<i class="fa fa-user"></i>
											<span class="w-testimonial-person-name">Anna Zuckerberg</span>
											<span class="w-testimonial-person-meta">(one of our clients)</span>
										</div>
									</div>
								</div>
							</div>
							<div class="one-half">
								<div class="w-testimonial">
									<div class="w-testimonial-h">
										<div class="w-testimonial-text">To anybody thinking of buying this theme – buy it! The theme itself is amazing, and on top of that, the support is outstanding! I wanted some features put in, and the theme developer was more than willing to help me out!</div>
										<div class="w-testimonial-person">
											<i class="fa fa-user"></i>
											<span class="w-testimonial-person-name">Anna Zuckerberg</span>
											<span class="w-testimonial-person-meta">(one of our clients)</span>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Social Links</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Social Links -->
						<div class="w-socials size_normal">
							<div class="w-socials-h">
								<div class="w-socials-list">

									<div class="w-socials-item rss">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-rss"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">RSS</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item email">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-envelope"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Email</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item facebook">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-facebook"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Facebook</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item twitter">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-twitter"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Twitter</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item gplus">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-google-plus"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Google</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item linkedin">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-linkedin"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">LinkedIn</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item youtube">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-youtube-play"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">YouTube</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item vimeo">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-vimeo-square"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Vimeo</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item flickr">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-flickr"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Flickr</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item pinterest">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-pinterest"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Pinterest</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item skype">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-skype"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Skype</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item tumblr">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-tumblr"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Tumblr</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item dribbble">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-dribbble"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Dribbble</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item vk">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-vk"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Vkontakte</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item instagram">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-instagram"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Instagram</span>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>
						
						<div class="g-hr type_invisible"></div>
						
						<!-- Social Links -->
						<div class="w-socials size_big">
							<div class="w-socials-h">
								<div class="w-socials-list">

									<div class="w-socials-item rss">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-rss"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">RSS</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item email">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-envelope"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Email</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item facebook">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-facebook"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Facebook</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item twitter">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-twitter"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Twitter</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item gplus">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-google-plus"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Google</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item linkedin">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-linkedin"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">LinkedIn</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item youtube">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-youtube-play"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">YouTube</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item vimeo">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-vimeo-square"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Vimeo</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item flickr">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-flickr"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Flickr</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item pinterest">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-pinterest"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Pinterest</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item skype">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-skype"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Skype</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item tumblr">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-tumblr"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Tumblr</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item dribbble">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-dribbble"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Dribbble</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item vk">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-vk"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Vkontakte</span>
											</div>
										</div>
									</div>
									<div class="w-socials-item instagram">
										<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
											<i class="fa fa-instagram"></i>
										</a>
										<div class="w-socials-item-popup">
											<div class="w-socials-item-popup-h">
												<span class="w-socials-item-popup-text">Instagram</span>
											</div>
										</div>
									</div>

								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Pricing Tables</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Pricing Tables -->
						<div class="w-pricing">
							<div class="w-pricing-h">

								<div class="w-pricing-item">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Standard</div>
											<div class="w-pricing-item-price">$20<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">2 Users</li>
											<li class="w-pricing-item-feature">100 mb Disk space</li>
											<li class="w-pricing-item-feature">20 Gig Data transfer</li>
											<li class="w-pricing-item-feature">Starter Admin Panel</li>
											<li class="w-pricing-item-feature">No Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_default" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

								<div class="w-pricing-item type_featured">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Business</div>
											<div class="w-pricing-item-price">$45<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">10 Users</li>
											<li class="w-pricing-item-feature">100 mb Disk space</li>
											<li class="w-pricing-item-feature">50 Gig Data transfer</li>
											<li class="w-pricing-item-feature">Business Admin Panel</li>
											<li class="w-pricing-item-feature">Standard Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_primary" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

								<div class="w-pricing-item">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Professional</div>
											<div class="w-pricing-item-price">$80<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">Unlimited Users</li>
											<li class="w-pricing-item-feature">Unlimited Disk space</li>
											<li class="w-pricing-item-feature">Unlimited Data transfer</li>
											<li class="w-pricing-item-feature">Professional Admin Panel</li>
											<li class="w-pricing-item-feature">Professional Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_default" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

							</div>
						</div>

						<div class="w-pricing">
							<div class="w-pricing-h">

								<div class="w-pricing-item">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Free Plan</div>
											<div class="w-pricing-item-price">$0<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">1 User</li>
											<li class="w-pricing-item-feature">50 mb Disk space</li>
											<li class="w-pricing-item-feature">10 Gig Data transfer</li>
											<li class="w-pricing-item-feature">Starter Admin Panel</li>
											<li class="w-pricing-item-feature">No Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_default" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

								<div class="w-pricing-item">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Standard</div>
											<div class="w-pricing-item-price">$20<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">2 Users</li>
											<li class="w-pricing-item-feature">100 mb Disk space</li>
											<li class="w-pricing-item-feature">20 Gig Data transfer</li>
											<li class="w-pricing-item-feature">Starter Admin Panel</li>
											<li class="w-pricing-item-feature">No Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_default" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

								<div class="w-pricing-item type_featured">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Business</div>
											<div class="w-pricing-item-price">$45<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">10 Users</li>
											<li class="w-pricing-item-feature">100 mb Disk space</li>
											<li class="w-pricing-item-feature">50 Gig Data transfer</li>
											<li class="w-pricing-item-feature">Business Admin Panel</li>
											<li class="w-pricing-item-feature">Standard Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_primary" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

								<div class="w-pricing-item">
									<div class="w-pricing-item-h">
										<div class="w-pricing-item-header">
											<div class="w-pricing-item-title">Professional</div>
											<div class="w-pricing-item-price">$80<small>per month</small></div>
										</div>
										<ul class="w-pricing-item-features">
											<li class="w-pricing-item-feature">Unlimited Users</li>
											<li class="w-pricing-item-feature">Unlimited Disk space</li>
											<li class="w-pricing-item-feature">Unlimited Data transfer</li>
											<li class="w-pricing-item-feature">Professional Admin Panel</li>
											<li class="w-pricing-item-feature">Professional Support</li>
										</ul>
										<div class="w-pricing-item-footer">
											<a class="w-pricing-item-footer-button g-btn type_default" href="javascript:void(0)"><span>Get Plan</span></a>
										</div>
									</div>
								</div>

							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Alert Messages</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Alerts -->
						<div class="g-cols">
							<div class="one-half">
								<div class="g-alert type_info with_close">
									<div class="g-alert-close"> &#10005; </div>
									<div class="g-alert-body">
										<p><strong>Info Message</strong>. Your Text Goes Here.</p>
									</div>
								</div>
								<div class="g-alert type_attention with_close">
									<div class="g-alert-close"> &#10005; </div>
									<div class="g-alert-body">
										<p><strong>Attention Message</strong>. Your Text Goes Here.</p>
									</div>
								</div>
							</div>
							<div class="one-half">
								<div class="g-alert type_success with_close">
									<div class="g-alert-close"> &#10005; </div>
									<div class="g-alert-body">
										<p><strong>Success Message</strong>. Your Text Goes Here.</p>
									</div>
								</div>
								<div class="g-alert type_error with_close">
									<div class="g-alert-close"> &#10005; </div>
									<div class="g-alert-body">
										<p><strong>Error Message</strong>. Your Text Goes Here.</p>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Image Gallery</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Gallery -->
						<div class="w-gallery size_s">
							<div class="w-gallery-h">
								<div class="w-gallery-tnails">
									<div class="w-gallery-tnails-h">
									
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt="Title"/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>

									</div>
								</div>
							</div>
						</div>
						
						<div class="g-hr type_invisible"></div>
						
						<div class="w-gallery size_m">
							<div class="w-gallery-h">
								<div class="w-gallery-tnails">
									<div class="w-gallery-tnails-h">
									
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt="Title"/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										
									</div>
								</div>
							</div>
						</div>
						
						<div class="g-hr type_invisible"></div>
						
						<div class="w-gallery size_l">
							<div class="w-gallery-h">
								<div class="w-gallery-tnails">
									<div class="w-gallery-tnails-h">
									
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt="Title"/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/1200x800.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
										<a class="w-gallery-tnail" href="img/placeholder/500x500.gif" title="Photo Title">
											<span class="w-gallery-tnail-h">
												<img class="w-gallery-tnail-img" src="img/placeholder/500x500.gif" alt=""/>
												<span class="w-gallery-tnail-hover"><i class="fa fa-search"></i></span>
											</span>
										</a>
									</div>
								</div>
							</div>
						</div>
						
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<h2>Responsive video</h2>
						<div class="g-hr type_invisible"></div>

						<!-- Video -->
						<div class="w-video">
							<div class="w-video-h">
								<iframe src="http://player.vimeo.com/video/48363485"></iframe>
							</div>
						</div>
						
						<div class="g-cols">
							<div class="one-half">
								<div class="w-video">
									<div class="w-video-h">
										<iframe src="http://player.vimeo.com/video/48363485"></iframe>
									</div>
								</div>
							</div>
							<div class="one-half">
								<div class="w-video">
									<div class="w-video-h">
										<iframe src="http://player.vimeo.com/video/48363485"></iframe>
									</div>
								</div>
							</div>
						</div>

						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>

						<!-- Typography -->
						<h1>Perfect <strong>H1 heading</strong> with <span class="highlight">highlight</span></h1>
						<h2>Perfect <strong>H2 heading</strong> with <span class="highlight">highlight</span></h2>
						<h3>Perfect <strong>H3 heading</strong> with <span class="highlight">highlight</span></h3>
						<h4>Perfect <strong>H4 heading</strong> with <span class="highlight">highlight</span></h4>
						<h5>Perfect <strong>H5 heading</strong> with <span class="highlight">highlight</span></h5>
						<h6>Perfect <strong>H6 heading</strong> with <span class="highlight">highlight</span></h6>
						<p><strong>This is default paragraph.</strong> Morbi sagittis sem quis lacinia faucibus, <a href="javascript:void(0);">this is a text link</a> orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor. Suspendisse consectetur fringilla luctus.</p>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<p class="subtitle">Perfect <strong>Subtitle</strong> with <span class="highlight">highlight</span></p>
						<p class="size_big"><strong>This is big paragraph.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.</p>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<div class="g-cols">
							<div class="one-half">
								<p class="subtitle">1/2 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores corporis
									dicta distinctio, dolorum ducimus fuga fugit harum inventore neque nesciunt
									nostrum nulla numquam perferendis quas quibusdam ratione veritatis.</p>
							</div>
							<div class="one-half">
								<p class="subtitle">1/2 Columns</p>
								<p>Adipisci ipsam omnis quas quasi recusandae repellendus totam. Adipisci architecto
									aut debitis delectus est eveniet fugiat fugit, hic id illo laborum odio omnis
									perspiciatis placeat rerum sapiente sint temporibus, ut?</p>
							</div>
						</div>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<div class="g-cols">
							<div class="one-third">
								<p class="subtitle">1/3 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aspernatur autem
									dicta doloremque eaque eum, facilis maxime, pariatur reiciendis rem saepe ullam
									ut voluptate, voluptates.</p>
							</div>
							<div class="one-third">
								<p class="subtitle">1/3 Columns</p>
								<p>At delectus doloremque dolores explicabo laudantium minima qui. Animi aperiam
									aspernatur atque debitis distinctio impedit inventore iure labore modi omnis,
									optio rerum ut veritatis voluptatum?</p>
							</div>
							<div class="one-third">
								<p class="subtitle">1/3 Columns</p>
								<p>Accusamus et hic inventore iure iusto modi reprehenderit soluta. Aliquam,
									assumenda at consequuntur cumque, enim, explicabo iusto libero maiores nisi
									numquam odio porro praesentium quis.</p>
							</div>
						</div>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<div class="g-cols">
							<div class="one-third">
								<p class="subtitle">1/3 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, placeat, quae?
									Asperiores consectetur ducimus eaque enim minus nam necessitatibus quas quod
									sequi voluptatum?</p>
							</div>
							<div class="two-thirds">
								<p class="subtitle">2/3 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet animi aperiam
									aspernatur, assumenda beatae consectetur corporis culpa dicta dolor doloremque
									ea earum et ex fuga fugiat, hic magni, maiores modi molestiae mollitia nemo
									neque nostrum odit porro possimus quae quis quo repellendus sint temporibus unde
									vel velit voluptate. Aliquam ea, exercitationem non quidem rem
									reprehenderit!</p>
							</div>
						</div>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<div class="g-cols">
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab cumque enim et fugit
									perspiciatis reprehenderit repudiandae sint sit tempora tempore.</p>
							</div>
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus fuga minima
									nobis nulla obcaecati, pariatur quaerat qui sequi ullam veniam.</p>
							</div>
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus eius
									facilis nam nisi praesentium quis recusandae reiciendis sequi totam.</p>
							</div>
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aut commodi
									corporis exercitationem facere itaque minima obcaecati quas saepe similique.</p>
							</div>
						</div>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<div class="g-cols">
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque eveniet
									facere fugit nihil, non officiis temporibus! A adipisci alias veritatis?</p>
							</div>
							<div class="two-quarters">
								<p class="subtitle">1/2 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis consequatur
									cum distinctio doloremque ea earum eligendi, facilis fuga itaque labore magnam
									modi natus nobis omnis, pariatur perferendis perspiciatis quae quibusdam quis
									recusandae reprehenderit saepe sed soluta tempora temporibus voluptate
									voluptatibus?</p>
							</div>
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Accusamus aliquam architecto asperiores distinctio dolore explicabo fugiat hic
									illum, optio pariatur provident quia reiciendis reprehenderit sapiente similique!</p>
							</div>
						</div>
						<div class="g-hr">
							<span class="g-hr-h">
								<i class="fa fa-star"></i>
							</span>
						</div>
						<div class="g-cols">
							<div class="one-quarter">
								<p class="subtitle">1/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut consectetur cumque
									dolore enim illum incidunt iste!</p>
							</div>
							<div class="three-quarters">
								<p class="subtitle">3/4 Columns</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut consequuntur
									culpa dicta dignissimos dolorem excepturi expedita, explicabo facere hic impedit
									in inventore ipsa iusto libero magnam maiores molestiae natus necessitatibus
									obcaecati odio officia omnis pariatur perspiciatis similique sint unde
									veritatis. Ad distinctio doloribus esse ipsam iste libero non porro quibusdam
									rerum, sapiente, vero voluptatum.</p>
							</div>
						</div>

					</div>
				</div>
			</div>

		</section>

	</div>
</div>
<!-- /MAIN -->

<!-- FOOTER -->
<div class="l-footer">
	<div class="l-footer-h">

		<!-- subfooter: top -->
		<div class="l-subfooter at_top">
			<div class="l-subfooter-h">

				<div class="g-cols">
					<div class="one-third">
						<div class="widget">

							<h5>Text Block</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Cras mattis consectetur purus sit amet fermentum.</p>
							<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Cras mattis consectetur purus sit amet fermentum.</p>

						</div>
					</div>
					<div class="one-third">
						<div class="widget">

							<h5>Latest Posts</h5>
							<div class="w-bloglist date_atbottom">
								<div class="w-bloglist-list">
									<div class="w-bloglist-entry">
										<a class="w-bloglist-entry-link" href="blog-post.html">Another Single Interesting Blog Post</a>
										<span class="w-bloglist-entry-date">September 27, 2013</span>
									</div>
									<div class="w-bloglist-entry">
										<a class="w-bloglist-entry-link" href="blog-post.html">This Blog Post Looks Beautiful even with Long Interesting Title</a>
										<span class="w-bloglist-entry-date">April 08, 2013</span>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="one-third">
						<div class="widget">

							<h5>Contact Info</h5>
							<div class="w-contacts">
								<div class="w-contacts-h">
									<div class="w-contacts-list">
										<div class="w-contacts-item">
											<i class="fa fa-map-marker"></i>
											<span class="w-contacts-item-value">1600 Amphitheatre Parkway, Mountain View, CA 94043, United States</span>
										</div>
										<div class="w-contacts-item">
											<i class="fa fa-phone"></i>
											<span class="w-contacts-item-value">+321 123 456 7</span>
										</div>
										<div class="w-contacts-item">
											<i class="fa fa-envelope-o"></i>
											<span class="w-contacts-item-value"><a href="mailto:info@example.com">info@example.com</a></span>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>

			</div>
		</div>

		<!-- subfooter: bottom -->
		<div class="l-subfooter at_bottom">
			<div class="l-subfooter-h i-cf">

				<div class="w-copyright">© 2013 CORSA. All rights reserved</div>

				<div class="w-socials size_normal">
					<div class="w-socials-h">
						<div class="w-socials-list">

							<div class="w-socials-item facebook">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-facebook"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Facebook</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item twitter">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-twitter"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Twitter</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item gplus">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-google-plus"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Google</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item linkedin">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-linkedin"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">LinkedIn</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item flickr">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-flickr"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Flickr</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item pinterest">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-pinterest"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Pinterest</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item tumblr">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-tumblr"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Tumblr</span>
									</div>
								</div>
							</div>
							<div class="w-socials-item dribbble">
								<a class="w-socials-item-link" target="_blank" href="javascript:void(0);">
									<i class="fa fa-dribbble"></i>
								</a>
								<div class="w-socials-item-popup">
									<div class="w-socials-item-popup-h">
										<span class="w-socials-item-popup-text">Dribbble</span>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>

			</div>
		</div>

	</div>
</div>
<!-- /FOOTER -->

<a class="w-toplink" href="#"><i class="fa fa-chevron-up"></i></a>

</body>
</html>
